page-register {
    // .header {}
    // .username {}
    // .password {}
    // .button_login {}
    // .login_help {}
    // .hr1 {}
    // .hr2 {}
    // .quckilylogin {}
    // .quckilylogin_img {}
    // .footer {}
    ion-list {
        position: relative;
        text-align: center;
    }
    .codebtn {
        font-size: 12px;
        margin-left: 35px;
        margin-top: -35px;
        position: absolute;
        width: 96px;
    }
    .top-title {
        margin-top: 30%;
        font-size: 22px;
    }
    .HR {
        width: 79%;
        height: 1px;
        background-color: #ae7f47;
        margin-top: 20px;
    }
    .header {
        text-align: center;
        height: 200px;
    }
    .username {
        border-radius: 4px;
        border: 1px solid #ECECEC;
        width: 70%;
        margin-top: 40px;
        margin-left: 39px;
        padding-left: 20px;
    }
    .password {
        border-radius: 4px;
        border: 1px solid #ECECEC;
        width: 70%;
        margin-top: 20px;
        margin-left: 39px;
        padding-left: 20px;
    }
    .password1 {
        border-radius: 4px;
        border: 1px solid #ECECEC;
        width: 70%;
        margin-top: 20px;
        margin-left: 39px;
        padding-left: 20px;
    }
    .button_login {
        width: 70%;
    }
    .login_help {
        font-size: 10px;
    }
    .hr1 {
        width: 34%;
        margin-left: 34px;
        margin-top: 34px;
        position: absolute;
    }
    .or {
        margin-top: 35px;
    }
    .hr2 {
        width: 36%;
        position: absolute;
        margin-left: 204px;
        margin-top: -20px;
    }
    .quckilylogin {
        font-size: 12px;
        font-weight: bold;
        margin-top: 48px;
    }
    .quckilylogin_img {
        width: 24px;
        height: 24px;
        position: absolute;
        margin-left: -102px;
        margin-top: 34px;
    }
    .footer {
        height: 70px;
        text-align: center;
    }
    .register {
        margin-top: -20px;
    }
    @media screen and (min-width: 319px) {
        .top-title {
            margin-top: 22%;
            font-size: 22px;
        }
        .HR {
            width: 79%;
            height: 1px;
            background-color: #ae7f47;
            margin-top: 15px;
        }
        .username {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 62%;
            margin-top: 22px;
            margin-left: 61px;
            padding-left: 15px;
            font-size: 1px;
        }
        .password {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 62%;
            margin-top: 22px;
            margin-left: 61px;
            padding-left: 15px;
            font-size: 1px;
        }
        .password1 {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 35%;
            margin-top: 22px;
            margin-left: 61px;
            padding-left: 15px;
            font-size: 1px;
        }
        .codebtn {
            margin-left: 20px;
            margin-top: -32px;
            position: absolute;
            width: 79px;
            height: 31px;
        }
        .button_login {
            width: 40%;
            height: 30px;
            font-size: 12px;
            // margin-top: -18px;
        }
    }
    @media screen and (min-width: 360px) {
        // .header {}
        .username {
            width: 70%;
            height: 32px;
            font-size: 14px;
            padding-top: -8px;
            margin-left: 56px;
            margin-top: 40px;
        }
        .password {
            width: 70%;
            height: 36px;
            font-size: 14px;
            padding-top: -8px;
            margin-left: 56px;
        }
        .password1 {
            width: 44%;
            height: 36px;
            font-size: 14px;
            padding-top: -8px;
            margin-left: 56px;
        }
        .codebtn {
            margin-left: 47px;
            margin-top: -35px;
            position: absolute;
            width: 79px;
            height: 34px;
        }
        .button_login {
            width: 40%;
            height: 36px;
            margin-top: 10px;
        }
        .login_help {
            font-size: 7px;
        }
        .hr1 {
            margin-top: 12px;
        }
        .hr2 {
            margin-left: 195px;
        }
        .or {
            margin-top: 0px;
        }
        .quckilylogin {
            margin-top: 20px;
        }
        .quckilylogin_img {
            margin-top: 2px;
        }
        .footer {}
        .register {}
    }
    @media screen and (min-width: 375px) {
        .header {
            text-align: center;
            height: 200px;
        }
        .codebtn {
            margin-left: 41px;
            margin-top: -35px;
            position: absolute;
            width: 85px;
            height: 34px;
        }
        .username {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 70%;
            height: 34px;
            margin-top: 40px;
            padding-left: 16px;
        }
        .password {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 70%;
            margin-top: 35px;
            padding-left: 16px;
        }
        .password1 {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 43%;
            margin-top: 35px;
            padding-left: 16px;
        }
        .button_login {
            width: 40%;
            margin-top: 14px;
        }
        .login_help {
            font-size: 10px;
        }
        .hr1 {
            width: 34%;
            margin-left: 34px;
            margin-top: 34px;
            position: absolute;
        }
        .or {
            margin-top: 35px;
        }
        .hr2 {
            width: 36%;
            position: absolute;
            margin-left: 204px;
            margin-top: -20px;
        }
        .quckilylogin {
            font-size: 12px;
            font-weight: bold;
            margin-top: 30px;
        }
        .quckilylogin_img {
            width: 24px;
            height: 24px;
            position: absolute;
            margin-left: -102px;
            margin-top: 14px;
        }
        .footer {
            height: 70px;
            text-align: center;
        }
        .register {
            margin-top: -20px;
        }
    }
    @media screen and (min-width: 412px) {
        .header {
            text-align: center;
            height: 200px;
        }
        .username {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 80%;
            margin-top: 40px;
            margin-left: 39px;
            padding-left: 16px;
        }
        .password {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 80%;
            margin-top: 20px;
            margin-left: 39px;
            padding-left: 16px;
        }
        .password1 {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 80%;
            margin-top: 20px;
            margin-left: 39px;
            padding-left: 16px;
        }
        .button_login {
            width: 40%;
            margin-top: 14px;
        }
        .login_help {
            font-size: 10px;
        }
        .hr1 {
            top: 427px;
            position: fixed;
            width: 34%;
            margin-left: 34px;
            margin-top: 34px;
        }
        .or {
            margin-top: 35px;
        }
        .hr2 {
            width: 36%;
            position: absolute;
            margin-left: 204px;
            margin-top: -20px;
        }
        .quckilylogin {
            font-size: 12px;
            font-weight: bold;
            margin-top: 20px;
        }
        .quckilylogin_img {
            width: 24px;
            height: 24px;
            position: absolute;
            margin-left: -102px;
            margin-top: 4px;
        }
        .footer {
            height: 70px;
            text-align: center;
        }
        .register {
            margin-top: -20px;
        }
    }
    @media screen and (min-width: 413px) {
        .username {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 80%;
            margin-top: 31px;
            margin-left: 40px;
            height: 40px;
            padding-left: 16px;
            padding-top: 3px;
        }
        .password {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 80%;
            margin-top: 31px;
            margin-left: 40px;
            height: 40px;
            padding-left: 16px;
            padding-top: 3px;
        }
        .password1 {
            border-radius: 4px;
            border: 1px solid #ECECEC;
            width: 50%;
            margin-top: 31px;
            margin-left: 40px;
            height: 40px;
            padding-left: 16px;
            padding-top: 3px;
        }
        .top-title {
            margin-top: 23%;
            font-size: 25px;
        }
        .HR {
            width: 79%;
            height: 1px;
            background-color: #ae7f47;
            margin-top: 22px;
        }
        .codebtn {
            margin-left: 51px;
            margin-top: -41px;
            position: absolute;
            width: 114px;
            height: 38px;
        }
        .button_login {
            width: 37%;
            margin-top: 9px;
            font-size: 16px;
            height: 37px;
        }
    }
    @media screen and (min-width: 768px) {
        .header {
            height: 300px;
        }
        .username {
            width: 60%;
            margin-top: 160px;
            margin-left: 154px;
            height: 50px;
        }
        .password {
            margin-top: 40px;
            height: 46px;
            width: 60%;
            margin-left: 154px;
        }
        .password1 {
            margin-top: 40px;
            height: 46px;
            width: 60%;
            margin-left: 154px;
        }
        .button_login {
            width: 50%;
            margin-top: 30px;
        }
        .login_help {
            font-size: 14px;
            margin-top: 22px;
        }
        .hr1 {
            margin-left: 94px;
        }
        .hr2 {
            margin-left: 400px;
        }
        .quckilylogin {
            font-size: 15px;
            margin-top: 48px;
        }
        .footer {
            height: 100px;
        }
        .register {
            margin-top: 0px;
        }
        .quckilylogin_img {
            margin-top: 36px;
            margin-left: -112px;
        }
    }
    @media screen and (min-width: 1024px) {
        .header {
            height: 460px;
        }
        .username {
            width: 60%;
            margin-top: 320px;
            margin-left: 206px;
            height: 70px;
            font-size: 24px;
            padding-top: 6px;
        }
        .password {
            margin-top: 40px;
            height: 70px;
            font-size: 24px;
            padding-top: 6px;
            width: 60%;
            margin-left: 206px;
        }
        .password1 {
            margin-top: 40px;
            height: 70px;
            font-size: 24px;
            padding-top: 6px;
            width: 60%;
            margin-left: 206px;
        }
        .button_login {
            width: 30%;
            height: 70px;
            margin-top: 30px;
            font-size: 30px;
        }
        .login_help {
            font-size: 24px;
            margin-top: 40px;
        }
        .hr1 {
            margin-left: 100px;
            margin-top: 36px;
        }
        .or {
            font-size: 24px;
        }
        .hr2 {
            margin-left: 560px;
            margin-top: -30px;
        }
        .quckilylogin {
            margin-top: 60px;
            font-size: 24px;
        }
        .quckilylogin_img {
            width: 36px;
            height: 36px;
            margin-top: 44px;
            margin-left: -160px;
        }
        .footer {
            height: 120px;
        }
        .register {
            margin-top: 0px;
        }
    }
    .text-input-ios {
        margin: 8px 8px 8px 0;
        padding: 0;
        width: calc(100% - 8px);
    }
    .scroll-content {
        overflow-x: hidden;
        overflow-y: hidden;
        // 禁止滚动
    }
}

.changeToast {
    .toast-wrapper {
        // opacity: 0.4;
        // border-radius: 5px !important;
        text-align: center;
        // background: color($colors, primary);
        // max-width: 75%;
    }
}